<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>会员报表</title>
		<link rel="stylesheet" href="__AGENT__/css/iconfont.css" />
		<link rel="stylesheet" href="__AGENT__/css/css.css" />
		<script src="__PUBLIC__/static/lib/echarts.min.js"></script>
	</head>

	<body>
		{include file="public/header" /}
		<div class="index_conbox">
			<div class="index_content clearfix">
				{include file="public/lefter" /}
				<div class="right">
					<div class="rigtop">
						<span class="title">会员报表</span>
					</div>
					<div class="indrig_con">
						<div class="tongjbb_box">
							<div class="tongjititle">
								<p>会员统计</p>
							</div>
							<div class="tongj_wrap">
								<div class="tongji_numlist clearfix">
									<div class="tongj_numitem shoukje">
										<span class="title">推荐</span>
										<p>
											<span class="tongji_numpri">{$usersum}个</span>

										</p>
									</div>
									<div class="tongj_numitem tuikjine">
										<span class="title">扫码</span>
										<p>
											<span class="tongji_numpri">{$usersum1}个</span>
										</p>
									</div>
								</div>
							</div>

						</div>
						<div id="main" style="height:400px; margin-top: 20px;display: none;"></div>
						<script type="text/javascript">
							// 基于准备好的dom，初始化echarts实例
							var myChart = echarts.init(document.getElementById('main'));

							option = {
								tooltip: {
									trigger: 'axis'
								},
								legend: {
									data: ['推荐会员', '扫码会员']
								},
								toolbox: {
									show: true,
									feature: {
										magicType: {
											show: true,
											type: ['line', 'bar']
										},
										restore: {
											show: true
										},
										saveAsImage: {
											show: true
										}
									}
								},
								calculable: true,
								xAxis: [{
									type: 'category',
									boundaryGap: false,
									data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
								}],
								yAxis: [{
									type: 'value'
								}],
								series: [{
									name: '推荐会员',
									type: 'line',
									stack: '总量',
									data: [120, 132, 101, 134, 90, 230, 210]
								}, {
									name: '扫码会员',
									type: 'line',
									stack: '总量',
									data: [220, 182, 191, 234, 290, 330, 310]
								}]
							};

							// 使用刚指定的配置项和数据显示图表。
							myChart.setOption(option);
						</script>
					</div>
				</div>
			</div>
		</div>
		{include file="public/footer" /}
	</body>

</html>
<script>
	layui.use('laydate', function() {
		var laydate = layui.laydate;

		//日期控件
		laydate.render({
			elem: '#begin_time',
			type: 'datetime',
			format: 'yyyy-MM-dd HH:mm:ss'
		});

		laydate.render({
			elem: '#end_time',
			type: 'datetime',
			format: 'yyyy-MM-dd HH:mm:ss'
		});
	})
</script>